<%--
  Created by IntelliJ IDEA.
  User: win10
  Date: 2017/5/29
  Time: 10:38
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no,
     initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="${ctx}/static/h5/css/public/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="${ctx}/static/h5/css/personal/family-manege.css"/>
    <title></title>
</head>
<body>
<div id="familyManege">
    <div class="family-manege-head">
        <a href="#" onclick="window.history.back()"><img src="${ctx}/static/h5/images/back.png" class="go-backk" alt=""/></a>
        <h5>家族管理</h5>
        <a href="family_manage_edit.jsp" class="edit-btn">编辑</a>
    </div>
    <div class="family-manege-content">
        <div class="manege-content-img">
            <img src="${ctx}/static/h5/images/1.jpg" class="cover-img" alt=""/>  <!--字段：获取封面图片-->
        </div>
        <div class="avatar">
            <img src="${ctx}/static/h5/images/1.jpg" class="head-img" alt=""/>
            <p>刘氏家族</p>   <!--字段：获取家族图像-->
        </div>
    </div>
    <div class="content-after"></div>
    <div class="family-precepts">
        <p>家风家训</p>
        <div class="family-precepts-content">
            <p>
                这里是家风家训，大家都要遵守。这里是家风家训，大家都要遵守。
                这里是家风家训，大家都要遵守。这里是家风家训，大家都要遵守。
                这里是家风家训，大家都要遵守。这里是家风家训，大家都要遵守。
                这里是家风家训，大家都要遵守。这里是家风家训，大家都要遵守。
                这里是家风家训，大家都要遵守。这里是家风家训，大家都要遵守。
            </p>  <!--字段：家风家训内容-->
        </div>
        <div class="all-precepts"><span>查看全部</span></div>
    </div>
    <div class="member-list">
        <div>家族成员（<span class="member-list-count">5</span>)</div>   <!--字段：成员数量需动态填入-->
        <ul class="member-list-ul">
            <li>   <!--字段：成员需动态填入-->
                <a href="#"><img src="${ctx}/static/h5/images/head-personnal.png" alt=""/>刘一</a>
            </li>
            <li>
                <a href="#"><img src="${ctx}/static/h5/images/head-personnal.png" alt=""/>王二</a>
            </li>
            <li>
                <a href="#"><img src="${ctx}/static/h5/images/head-personnal.png" alt=""/>张三</a>
            </li>
            <li>
                <a href="#"><img src="${ctx}/static/h5/images/head-personnal.png" alt=""/>李四</a>
            </li>
            <li>
                <a href="#"><img src="${ctx}/static/h5/images/head-personnal.png" alt=""/>赵五</a>
            </li>
        </ul>
    </div>
    <div class="all-members"><span>查看全部</span></div>
</div>
</body>
<script src="${ctx}/static/h5/js/public/jquery-2.2.3.min.js"></script>
<script src="${ctx}/static/h5/js/public/bootstrap.min.js"></script>
<script src="${ctx}/static/h5/js/personal/family-manege.js"></script>
</html>
